<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>搜索医生</title>
    <link href="../css/common.css" rel="stylesheet" type="text/css" />
    <link href="../css/searchDoctorPage.css" rel="stylesheet" type="text/css"/>
    <script src="../ExternalJs/jquery-2.2.4.min.js"></script>
    <script>
        $("document").ready(function(){
            var width = window.screen.width;
            console.log(width);
            if(width>376){
                $("head").append('<meta name="viewport" content="initial-scale=0.4, maximum-scale=0.4， minimum-scale=0.4, width=device-width, user-scalable=no">');
            }else if(width<350){
                $("head").append('<meta name="viewport" content="initial-scale=0.3, maximum-scale=0.3， minimum-scale=0.3, width=device-width, user-scalable=no">');
            }else{
                $("head").append('<meta name="viewport" content="initial-scale=0.35, maximum-scale=0.35， minimum-scale=0.35, width=device-width, user-scalable=no">');
            }
        });
    </script>
</head>
<body>
<header>
    <input placeholder="搜索医生" />
    <p>取消</p>
</header>
<section class="header">
<p class="head">医生</p>
</section>
<section id="mainPart" v-for="item in items" >
    <section class="body">
        <img v-if="item.nic_thumb==null" src="../images/userDefault.png" class="img">
        <img v-if="item.nic_thumb!=null" v-bind:src="'http://dev.haotoufa.com'+item.nic_thumb" class="img">
        <p class="doctor">{{item.name}} {{item.zhiwu}}</p>
        <p class="grade">服务评分：{{item.score}}</p>
        <p class="float left">应约：{{item.response_times}}次</p>
        <p class="float">关注：{{item.score}}人</p>
        <section class="extra">
            <p>{{item.d_id}}</p>
        </section>
    </section>
</section>
<script src="../ExternalJs/jquery.md5.js"></script>
<script src="../ExternalJs/vue.js"></script>
<script src="../js/searchDoctorPage.js"></script>
</body>
</html>